.timeline {
  @extend %page-text;

  flex: 1 1 auto;
  margin: 1em 0 0 $block-gap;

  @include hoverflow;

  .entry {
    @extend %roboto;

    a {
      @extend %base-font, %page-font;
    }

    &:hover a {
      color: $c-link;
    }

    &::after {
      content: '';
      display: block;
      width: 100%;
      height: 1px;
      background: linear-gradient(to left, $c-border 20%, $c-bg-page);
      margin: 0.7em 0;
    }

    .line:not(.patron) {
      display: none;
    }
  }

  .more {
    @extend %lobby__side__more;
  }
}
